import React from 'react';
import { Tabs } from 'antd';
import styles from './index.less';
import DragList from '../DragList';

const { TabPane } = Tabs;

function LeftArea() {
  return (
    <div className={styles.leftArea}>
      <Tabs tabBarStyle={{ height: '100%' }} tabPosition={'left'}>
        <TabPane tab="Tab 1" key="1">
          <DragList />
        </TabPane>
        <TabPane tab="Tab 2" key="2">
          Content of Tab 2
        </TabPane>
        <TabPane tab="Tab 3" key="3">
          Content of Tab 3
        </TabPane>
      </Tabs>
    </div>
  );
}
export default LeftArea;
